/** @file
 *
 * @brief Mixomat
 *
 */

/* Copyright 2003-2005 Maxime Petazzoni
 *
 * This file is part of Zwe.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2 of
 * the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
 *
 */

*
{
  font-size: small;
  font-family: sans-serif;
  color: #404040;
}

body
{
  background: white;
  margin: 0;
  padding: 0;
}

/** Images.
   */
img
{
  border: none;
}

img.imgleft
{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

img.imgright
{
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

/** Page title.
   */
h1#title
{
  margin: 0;
  padding: 0.5em;
  border-bottom: 1px #aaa solid;
}

h1#title a
{
  color: #aaa;
  font-size: xx-large;
  font-weight: bold;
  font-family: monospace;
}

/** Links.
   */
a
{
  color: #5c6882;
  text-decoration: none;
  font-weight:normal;
}

a:link, a:visited
{
  color: #5c6882;
}

a:active, a:hover
{
  color: #900;
}

/** Main structures.
   */
#page, ul#bottom, #auth, #actions
{
  margin: 0 25% 0 20%;
  background: white;
  border-left: 1px #aaa solid;
  border-right: 1px #aaa solid;
}

#page
{
  padding: 1em;
}

/** Bottom box.
   */
ul#bottom { list-style: none; padding-bottom: 1em; }
ul#bottom li { font-size: smaller; color: #aaa; }
ul#bottom li a { font-size: smaller; }

span.pageinfo
{
  margin: 1em;
}

span.pageinfo, span.pageinfo a
{
  font-style: italic;
  font-size: smaller;
}

/** Global blog definitions.
   */
div.parag
{
  padding: 1em;
  padding-bottom: 0;
  overflow: hidden;
  text-align: justify;
  border-bottom: 1px #ccc solid;
  margin-bottom: 2em;
  clear: both;
}

div.parag:hover a
{
  color: #900;
}

/** Blog title
   */
div.parag h2
{
  font: 18px Geneva, Arial, Helvetica, sans-serif;
  color: #900;
  border-bottom: 1px #aaa solid;
  text-align: left;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  background-image: url("../interface/item.gif");
  background-repeat: no-repeat;
  background-position: left center;
}

/** Blog info.
   */
div.parag span.postinfo { font-weight: normal; color: #aaa; display: block;
                          margin: 0; padding: 0; font-size: smaller; }

div.parag span.postinfo span,
div.parag span.postinfo a { font-size: smaller; }
div.parag span.postinfo span.postdate        { font-style: italic; }
div.parag span.postinfo span.author:after    { content: ', '; }
div.parag span.postinfo span.category:before { content: ' - '; }

ul#categories, ul#authors
{
  list-style: none;
  margin: 0.2em;
  margin-bottom: 1em;
  padding: 0;
}

ul#authors
{
  text-align: left;
}

ul#categories
{
  float: right;
  text-align: right;
}

ul#categories li a, ul#authors li a
{
  font-size: smaller;
}

ul#categories li.active a, ul#authors li.active a
{
  font-weight: bold;
}

/** Blog links.
   */
div.parag span.postlinks
{
  font-weight: normal;
  font-size: smaller;
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0;
}

div.parag span.postlinks a
{
  font-size: smaller;
}

/** Blog date separators
   */
div.datesplit
{
  clear: both;
  text-align: right;
  font-weight: bold;
  border-bottom: 1px black solid;
}

/** Menus.
   */
div.menu#topmenu
{
  position: absolute;
  top: 12em;
  left: 0;
  right: 80%;
  font-size: small;
}

ul.menu
{
  list-style: none;
  margin: 0 0.5em;
  padding: 1em 0;
  text-align: right;
}

ul.menu li
{
  padding: 0.2em;
}

ul.menu li.active, ul.menu li.active a
{
  font-weight: bold;
}

ul.menu li.separator
{
  border-bottom: 1px #888 solid;
}







/** Auth and action bars.
   */
#auth
{
  padding-top: 0.5em;
}

#auth span#authlinks
{
  display: block;
}

#auth span#authlinks a
{
  font-size: smaller;
}

#auth span#authform
{
  display: inline;
}

#actions
{
  padding-left: 2em;
  padding-bottom: 0.5em;
}

#actions, #auth
{
  padding-left: 2em;
  font-size: small;
}

#actions a, #auth a
{
  font-size: small;
}

/** Code box
   */
div.cmd
{
  border-left: 3px #aaa solid;
  padding: 0 1em;
  color: #888;
}

/** Quote
   */
blockquote
{
  border-bottom: 1px #aaa solid;
  margin: 1em 0;
  padding: 0 1em 1em 1em;
}

blockquote p
{
  font-family: monospace;
}

blockquote span.author
{
  display: block; font-weight: bold;
  text-align: right; font-style: italic; font-size: smaller;
}

div.fortune p
{
  font-family: monospace;
}

/** Forms
   */
form
{
  margin: 0;
  padding: 0;
}

input
{
  padding: 2px;
  border: 1px #aaa solid;
}

input[type=text]
{
  width: 90%;
}

input:hover, input:focus
{
  border: 1px #888 dotted;
}

input.auth
{
  width: 5em;
  padding: 1px;
}

input.auth[type=submit]
{
  width: 3em;
  padding: 0;
}

input[disabled]
{
  color: #ccc;
}

textarea
{
  font-family: monospace;
  padding: 2px;
  border: 1px #aaa solid;
  width: 90%;
}

textarea.hover,textarea:focus
{
  border: 1px #888 dotted;
}

select
{
  border: 1px #ccc dotted;
}

/** Tables
   */
thead
{
  font-weight: bold;
}

thead td
{
  padding: 0.2em;
  margin-bottom: 1em;
  border-bottom: 1px #888 solid;
}

td.left
{
  width: 20%;
}

td.middle
{
  width: 30%;
}

td.right
{
  width: 20%;
  text-align: right;
}

td.small
{
  width: 5%;
  text-align: center;
}

td.area
{
  width: 80%;
}

/** Text formatting
   */

tt,pre
{
  font-family: monospace;
}

p
{
  text-align: justify;
}

p.left
{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

p.right
{
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

p.inpageask
{
  margin: 1em;
  padding: 0.2em;
  text-align: right;
  font-style: italic;
  color: #ccc;
  font-size: smaller;
}

p.inpageask a
{
  font-size: smaller;
}

div.clear
{
  clear: both;
}

p#error
{
  margin: 2em;
  text-align: center;
  color: red;
  font-weight: bold;
}

span.autherror
{
  color: red;
  font-size: smaller;
  font-weight: bold;
  padding: 0 1em;
}

/** Comments.
   */
dl.comment dt
{
  padding: 6px;
  background-image: url("../interface/comment_bg.gif");
  background-repeat: no-repeat;
  background-position: top left;
  margin-bottom: 0;
}

span.commentdate
{
  display: block;
  font-size: smaller;
  color: #ccc;
  font-style: italic;
}

span.commentinfo
{
  display: block;
  font-size: smaller;
  font-style: italic;
}

span.commentinfo a
{
  font-size: smaller;
}

dl.comment dd
{
  margin: 0;
  padding-top: 0;
  padding-left: 1em;
  text-align: justify;
}

/** Tribune.
   */
dl.tribune dt
{
  font-family: monospace;
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

dl.tribune dd
{
  margin-left: 12%;
  margin-bottom: 0.3em;
}

dl.tribune p
{
  margin: 0;
  padding: 0;
}

/** Form lists.
   */
dl.form dt
{
  float: left;
  margin-right: 1em;
}

dl.form dd
{
  margin-left: 25%;
  margin-bottom: 0.3em;
}

dl.adminlist dt
{
  float: left;
  margin-right: 1em;
  font-weight: bold;
}

dl.adminlist dd
{
  margin-left: 20%;
  margin-bottom: 0.3em;
}

/** Archives
   */
ul.archives
{
  list-style: none;
  padding: 0;
}

ul.archives li.day
{
  font-weight: bold;
}

ul.dayitems
{
  list-style: none;
  margin: -1.1em 0 0.5em 2em;
  padding: 0;
}

ul.dayitems li.archiveentry
{
  background-image: url("../interface/puce.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 15px;
}

/** Color items */
span.module#active   { color: green; }
span.module#inactive { color: red;   }

span.stylesheet#active     { color: green; }
span.stylesheet#cssdefault { color: #099;  }
span.stylesheet#inactive   { color: red;   }

/** Font styles */
span.italic    { font-style: italic; }
span.bold      { font-weight: bold;  }
span.underline { text-decoration: underline; }
span.larger    { font-size: larger;  }
